
<template>
  <el-card style="margin:20px">
    <el-input placeholder="请输入关键字" style="width:200px"></el-input>
      <el-button type="primary" style="margin: 20px;">搜索</el-button>
    <el-table border :data="tableData" style="width: 100%">
    <el-table-column align="center" prop="date" label="申请日期" />
    <el-table-column align="center" prop="name" label="姓名" />
    <el-table-column align="center" prop="company" label="公司" />
    <el-table-column align="center" prop="address" label="注册地址" />
    <el-table-column align="center"  prop="phone" label="联系方式" />
    <el-table-column align="center"  prop="sex" label="性别" />
    <el-table-column align="center"  prop="tip" label="备注" />
    <el-table-column align="center"  prop="op" label="操作">
      <template>
        <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
        <el-button type="text" size="small">编辑</el-button>
      </template>
    </el-table-column>
  </el-table>
  </el-card>

</template>
<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄',
        phone: '131****8063',
        sex: '女',
        company:'xxxx科技有限公司',
        tip:'暂无备注信息'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄',
        phone: '131****8063',
        sex: '女',
        company:'xxxx科技有限公司',
        tip:'暂无备注信息'
        },
        {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄',
        phone: '131****8063',
        sex: '女',
        company:'xxxx科技有限公司',
        tip:'暂无备注信息'
        },
        {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄',
        phone: '131****8063',
        sex: '女',
        company:'xxxx科技有限公司',
        tip:'暂无备注信息'
        },
        {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄',
        phone: '131****8063',
        sex: '女',
        company:'xxxx科技有限公司',
        tip:'暂无备注信息'
        },
        {
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄',
        phone: '131****8063',
        sex: '女',
        company:'xxxx科技有限公司',
        tip:'暂无备注信息'
      }]
    }
  }
}
</script>